body {
    margin: 0;
    background-color: #aaa;
    height: 100vh;
    width: 100%;
    // 超过父级高度时 显示滚动条   没超过不显示
    overflow-y: auto;
}

.btn {
    padding: 2px;
    border: 1px solid red;
    border-radius: 2px;
    color: red;
}

.container {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #fff;

    // 列表项
    .item {
        width: 100%;
        height: 80px;
        border-bottom: 1px solid red;
        display: flex;
        justify-content: space-between;
        align-items: center;

        // 列表项左侧容器
        .card-info {
            height: 100%;
            display: flex;
            // 上下布局
            flex-direction: column;
            justify-content: space-evenly;

            // 价格容器
            .price-wrapper {
                display: flex;
                align-items: center;
                font-size: 12px;

                .price {
                    font-size: 20px;
                    color: red;
                }

                >span {
                    margin-right: 16px;
                }

                .primary {
                    border-color: skyblue;
                    color: skyblue;
                }
            }
        }

        // 右侧按钮
        >.btn {
            padding: 4px 8px;
            font-size: 16px;
            border-radius: 4px;
            font-weight: 100;
        }
    }

    .item:last-child {
        border-bottom: none;
    }
}


